/* 整体容器样式 */
.popup-container {
    -fx-background-color: #f8f8f8; /* 背景颜色 */
    -fx-padding: 20; /* 内边距 */
    -fx-alignment: center; /* 垂直和水平居中对齐 */
    -fx-border-radius: 10; /* 圆角 */
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 10, 0, 0, 2); /* 阴影效果 */
    -fx-max-width: 600px; /* 最大宽度 */
    -fx-min-width: 500px; /* 最小宽度 */
}

/* 弹窗标题 */
.section-header {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #333333;
    -fx-padding: 10 0;
    -fx-alignment: center;
}

/* 标签样式 */
.popup-label {
    -fx-font-size: 14px;
    -fx-text-fill: #555555;
    -fx-pref-width: 100px;  /* 可调宽度 */
    -fx-alignment: center-right; /* 标签右对齐 */
}

/* 文本输入框样式 */
.popup-textfield {
    -fx-pref-height: 30px;
    -fx-pref-width: 250px; /* 文本框宽度 */
    -fx-background-color: #ffffff;
    -fx-border-radius: 5;
    -fx-border-color: #cccccc;
    -fx-font-size: 14px;
    -fx-padding: 0 10;
}

/* 日期选择框样式 */
.popup-datepicker {
    -fx-pref-height: 30px;
    -fx-pref-width: 250px; /* 日期选择框宽度 */
    -fx-background-color: #ffffff;
    -fx-border-radius: 5;
    -fx-border-color: #cccccc;
    -fx-font-size: 14px;
    -fx-padding: 0 10;
}

/* 按钮容器样式 */
.HBox {
    -fx-padding: 15;
}

/* 按钮样式 */
.popup-button {
    -fx-background-color: #4CAF50; /* 绿色 */
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-pref-width: 100px;
    -fx-pref-height: 35px;
    -fx-border-radius: 5;
    -fx-padding: 5;
}

.popup-button:hover {
    -fx-background-color: #45a049; /* 鼠标悬停时颜色 */
}

.cancel-button {
    -fx-background-color: #f44336; /* 红色 */
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-pref-width: 100px;
    -fx-pref-height: 35px;
    -fx-border-radius: 5;
    -fx-padding: 5;
}

.cancel-button:hover {
    -fx-background-color: #e53935; /* 鼠标悬停时颜色 */
}

/* 输入框焦点时的效果 */
.popup-textfield:focused,
.popup-datepicker:focused {
    -fx-border-color: #4CAF50; /* 聚焦时，输入框的边框颜色 */
    -fx-background-color: #f1f1f1;
}

/* 弹窗底部按钮的间距 */
.HBox > .popup-button, .HBox > .cancel-button {
    -fx-hgap: 15;
}

/* 弹窗的按钮及其他元素间的间距 */
.popup-container > * {
    -fx-spacing: 15;
}

/* 按钮容器对齐方式 */
.HBox {
    -fx-alignment: center;
}

/* 为 ComboBox 添加背景颜色和边框 */
.combo-box {
    -fx-pref-height: 30px;
    -fx-pref-width: 250px; /* 文本框宽度 */
    -fx-background-color: #f0f0f0; /* 背景颜色 */
    -fx-border-color: #cccccc;    /* 边框颜色 */
    -fx-border-radius: 5;         /* 边框圆角 */
    -fx-font-size: 14px;          /* 字体大小 */
    -fx-text-fill: #333333;       /* 字体颜色 */
}

/* 定义下拉列表的样式 */
.combo-box .list-cell {
    -fx-background-color: #ffffff; /* 默认背景颜色 */
    -fx-text-fill: #333333;        /* 默认文字颜色 */
}

.combo-box .list-cell:hover {
    -fx-background-color: #e5e5e5; /* 悬停时背景颜色 */
}